<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{:C('SERVER_HOME_NAME')}</title>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css">
</head>
<style type="text/css">
	.payDiv{
		width: 333px;
	    height: 193px;
	    border: solid 1px #ccc;
	        border-radius: 15px;
	    position: fixed;
	    top: 30%;
	    left: 37%;
	    background: #fff;
	    text-align: center;
	    display: none;
	}
	.payDiv input{
		margin-top: 50px;
		height: 36px;
		font-size: 18px;
		margin-left: 10px;
	}
	.payDiv span{
		float: right;
		font-size: 18px;
		margin:10px 10px 0px 0px;
		color: #666;
		cursor:pointer;
	}

</style>
<body>
	<div class="box">
		<include file="Public/top" />

		<div class="content">
			<div class="m1200">
				<h2>我的账户</h2>
				<div class="account">
					<div class="account-box fl">
						<h3>账户余额</h3>
						<div class="money">
							<span class="text-gray">砖石</span><img src="__PUBLIC__/images/question.png"><span class="balance">0</span><a href="#">详情</a>
						</div>
					</div>
					<div class="account-box fl">
						<h3 class="text-right">数据报表</h3>
						<div class="information">
							昨日流量<span class="text-green">0</span><a href="#">详情</a>
						</div>		
					</div>
					<div class="account-box fl">
						<h3>到期时间</h3>
						<div class="time">
							2017-8-28
						</div>		

					</div>
					<div class="recharge" id="pay">
						<a href="javascript:;">充 &nbsp&nbsp值</a>

					</div>
				</div>

				<div class="recommend">
					<h4>热门应用</h4>
					<ul>
						<li><a href="#"><img src="__PUBLIC__/images/icon/customer-1.png"><br>获客易</a></li>
						<li><a href="#"><img src="__PUBLIC__/images/icon/public-2.png"><br>口碑易</a></li>
						<li><a href="#"><img src="__PUBLIC__/images/icon/brand-2.png"><br>品牌宝</a></li>
						<li><a href="#"><img src="__PUBLIC__/images/icon/public-1.png"><br>企业问答</a></li>
						<li><a href="{:U('Website/basicSetup')}"><img src="__PUBLIC__/images/icon/service-1.png"><br>三屏网</a></li>
						<li><a href="#"><img src="__PUBLIC__/images/icon/service-3.png"><br>微电商</a></li>
					</ul>
				</div>
				
				<div class="banner"><img src="__PUBLIC__/images/advert.png"></div>
			</div>


			<div class="payDiv main">
			<span>X</span>
				<!-- <form action="__APP__/Public/alipay/alipayapi.php" method="post"> -->
				<form action="__APP__/Home/Pay/aliPayApi" method="post" target="_blank">
					<input name="WIDtotal_fee"  placeholder="请输入金额" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>
					<input class="btn" type="submit" vaue="">
				</form>	
			</div>

			<div class="footer">
				<div class="copyrig">
					<p>Copyright&nbsp;©2016&nbsp;哔哔盒子&nbsp;&nbsp;深圳洋森网络科技有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank">鄂ICP备11008114号-1</a></p>
				</div>	

			</div>

		</div>
	</div>
	<script src="__PUBLIC__/js/jquery-1.7.min.js"></script>
	<script src="__PUBLIC__/js/page.js"></script>
	<script type="text/javascript">
		$("#pay").on("click",function(){
			$(".payDiv").fadeIn();

		});
		$(".payDiv span").on("click",function(){
			$(".payDiv").fadeOut();

		});


	</script>
</body>
</html>